<template>
	<div>
		<div style="display: inline-block;">
			<div style="position: relative;display: inline-block;" v-if="isAuth('citys:shezhidaili')">
				<span>省份:</span>
				<el-select v-model="parentId" style="width:150px;margin-left: 10px;" @change="handleChange()">
					<el-option v-for="item in citys" :key="item.id" :label="item.cityName" :value="item.id">
					</el-option>
				</el-select>
			</div>
			<div style="position: relative;display: inline-block;" v-if="isAuth('citys:shezhidaili')">
				<span>代理城市:</span>
				<el-select v-model="cityId" style="width:150px;margin-left: 10px;" :disabled="parentId==''"
						   @change="select()">
					<el-option v-for="item in citys2" :key="item.id" :label="item.cityName" :value="item.id">
					</el-option>
				</el-select>
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>订单类型：</span>
				<el-select v-model="indentType" style="width:150px;margin-left: 10px;" @change="select()">
					<el-option v-for="item in homeData1" :key="item.id" :label="item.title" :value="item.id">
					</el-option>
				</el-select>&nbsp;&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>状态：</span>
				<el-select v-model="indentState" style="width:150px;margin-left: 10px;" @change="select()">
					<el-option v-for="item in statesnum1" :key="item.value" :label="item.label" :value="item.value">
					</el-option>
				</el-select>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>订单号:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入订单号"
						  v-model="indentNumber">
				</el-input>&nbsp;&nbsp;
			</div>
			<!-- <div style="position: relative;display: inline-block;">
				<span>下单人昵称:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入下单人昵称" v-model="phoneT">
				</el-input>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;">
				<span>乘客昵称:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入乘客昵称" v-model="customName">
				</el-input>&nbsp;&nbsp;
			</div> -->

			<div style="position: relative;display: inline-block;margin:5px;">
				<span>下单手机号:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入下单手机号"
						  v-model="shipUserPhone">
				</el-input>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>师傅昵称:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入师傅昵称"
						  v-model="riderNickName">
				</el-input>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>师傅手机号:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入师傅手机号"
						  v-model="riderPhone">
				</el-input>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;">
				<span>乘客电话:</span>
				<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入乘客电话"
						  v-model="customPhone">
				</el-input>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>下单类型：</span>
				<el-select v-model="addType" style="width:150px;margin-left: 10px;" @change="select()">
					<el-option v-for="item in statesnum2" :key="item.value" :label="item.label" :value="item.value">
					</el-option>
				</el-select>&nbsp;&nbsp;
			</div>
			<div style="position: relative;display: inline-block;margin:5px;">
				<span>价格计算方式：</span>
				<el-select v-model="moneyType" style="width:150px;margin-left: 10px;" @change="select()">
					<el-option v-for="item in statesnum3" :key="item.value" :label="item.label" :value="item.value">
					</el-option>
				</el-select>&nbsp;&nbsp;
			</div>

			<div style="display: inline-block;margin:5px;">
				<span>日期类型：</span>
				<el-select v-model="flag" style="width:150px;margin-left: 10px;" @change="orderfenxi">
					<el-option v-for="item in flags" :key="item.value" :label="item.label" :value="item.value">
					</el-option>
				</el-select>&nbsp;&nbsp;&nbsp;
				<span>日期：</span>
				<el-date-picker style="width: 200px;margin-left: 10px;" v-model="info.stockDate" align="right"
								type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期" @change="animeOrder">
				</el-date-picker>
			</div>
			<el-button style="margin:10px;" size="mini" type="primary" icon="document" @click="select">查询
			</el-button>
			<el-button style="margin:10px;" size="mini" type="primary" icon="document" @click="cleans">重置
			</el-button>&nbsp;&nbsp;
			<!-- <el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="addBtn()">添加
			</el-button> -->
		</div>
		<el-table v-loading="tableDataLoading" :data="homeData.records">
			<el-table-column fixed prop="indentId" label="编号" width="80">
			</el-table-column>
			<el-table-column prop="cityName" label="代理城市" v-if="isAuth('citys:shezhidaili')"></el-table-column>
			<el-table-column prop="indentId" label="下单人昵称" width="120">
				<template slot-scope="scope">
					<div style="color: #4f9dec;cursor: pointer;" @click="updatesvideo(scope.row.userId)">
						{{scope.row.shipUserName}}
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="shipUserPhone" label="下单手机号"></el-table-column>
			<el-table-column prop="indentType" label="订单类型">
				<template slot-scope="scope">
					<div v-if="scope.row.indentType==1">即时代驾</div>
					<div v-if="scope.row.indentType==2">朋友代叫</div>
					<div v-if="scope.row.indentType==3">预约代驾</div>
				</template>
			</el-table-column>
			<el-table-column prop="indentNumber" label="订单号"></el-table-column>
			<el-table-column prop="shipAddressDetail" label="乘客信息" width="200">
				<template slot-scope="scope">
					<div>
						<div>乘客姓名: {{scope.row.customName?scope.row.customName:'-'}} </div>
						<div>乘客电话: {{scope.row.customPhone?scope.row.customPhone:'-'}}</div>
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="shipAddressDetail" label="下单人信息" width="200">
				<template slot-scope="scope">
					<div>
						<div>下单人昵称: {{scope.row.shipUserName?scope.row.shipUserName:'-'}} </div>
						<div>下单人电话: {{scope.row.shipUserPhone?scope.row.shipUserPhone:'-'}}</div>
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="deilveryAddressDetail" label="下单地址" width="200">
				<template slot-scope="scope">
					<div>{{scope.row.shipAddress}}</div>
					<div>目的经纬度：{{scope.row.shipAddressLatitude}} {{scope.row.shipAddressLongitude}}</div>
				</template>
			</el-table-column>
			<el-table-column prop="deilveryAddressDetail" label="目的地址" width="200">
				<template slot-scope="scope">
					<div>{{scope.row.deliveryAddress}}</div>
					<div>目的经纬度：{{scope.row.deliveryAddressLatitude}} {{scope.row.deliveryAddressLongitude}}</div>
				</template>
			</el-table-column>
			<el-table-column prop="shipAddressDetail" label="师傅信息" width="200">
				<template slot-scope="scope">
					<div>
						<div>师傅姓名: {{scope.row.riderNickName?scope.row.riderNickName:'-'}} </div>
						<div>师傅电话: {{scope.row.riderPhone?scope.row.riderPhone:'-'}}</div>
					</div>
				</template>
			</el-table-column>
			<!-- <el-table-column prop="riderDistance" label="师傅距离起始/终点位置距离(米)" width="140">
      </el-table-column>
 -->
			<el-table-column prop="distance" label="预估总路程(公里)"></el-table-column>
			<el-table-column prop="indentBasicsMoney" label="基础价格">
			</el-table-column>
			<el-table-column prop="userScaleMoney" label="上级抽佣金额">
				<template slot-scope="scope">
					<div style="color: #f56c6c;cursor: pointer;" @click="updatesvideo(scope.row.userScaleUserId)">
						{{scope.row.userScaleMoney?scope.row.userScaleMoney:'0'}}
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="userTwoMoney" label="上上级抽佣金额">
				<template slot-scope="scope">
					<div style="color: #f56c6c;cursor: pointer;" @click="updatesvideo(scope.row.userTwoUserId)">
						{{scope.row.userTwoMoney?scope.row.userTwoMoney:'0'}}
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="platformMoney" label="平台收入">
			</el-table-column>
			<el-table-column prop="riderRewardMoney" label="师傅奖励金额">
			</el-table-column>
			<el-table-column prop="riderMoney" label="师傅收入">
			</el-table-column>

			<el-table-column prop="pingRate" label="平台分成比例">
			</el-table-column>
			<!-- <el-table-column prop="agentIndentMoney" label="代理订单价格" v-if="isAuth('citys:shezhidaili')">
      </el-table-column> -->
			<el-table-column prop="agentMoney" label="代理收入金额" v-if="isAuth('citys:shezhidaili')">
			</el-table-column>
			<el-table-column prop="couponMoney" label="优惠券抵扣金额">
			</el-table-column>
			<el-table-column prop="indentMoney" label="支付金额">
				<template slot-scope="scope">
					<div style="color: #f56c6c;">
						{{scope.row.indentMoney?scope.row.indentMoney:'0'}}
					</div>
				</template>
			</el-table-column>
			<!-- <el-table-column prop="userFine" label="用户取消订单罚金">
			</el-table-column> -->
			<el-table-column prop="riderFine" label="师傅取消订单罚金">
			</el-table-column>
			<!-- <el-table-column prop="itemCodeFlag" label="是否有确认码">
				<template slot-scope="scope">
					<div v-if="scope.row.itemCodeFlag==1">没有收货码</div>
					<div v-if="scope.row.itemCodeFlag==0">有收货码</div>
				</template>
			</el-table-column> -->
			<el-table-column prop="hopeTime" label="预约时间" width="160">
			</el-table-column>
			<el-table-column prop="remarks" label="备注" width="200">
				<template slot-scope="scope">
					<span>{{scope.row.remarks}}</span>
					<el-button size="mini" type="primary" plain
							   v-if="scope.row.state!=5&&scope.row.state!=3&&scope.row.state!=4" @click="updateBz(scope.row)"
							   style="margin:5px;">修改</el-button>
				</template>
			</el-table-column>
			<!-- <el-table-column prop="itemCode" label="确认码">
				<template slot-scope="scope">
					<div v-if="scope.row.itemCodeFlag==1">-</div>
					<div v-else>{{scope.row.itemCode}}</div>
				</template>
			</el-table-column> -->
			<el-table-column prop="modeOfPayment" label="支付方式">
				<template slot-scope="scope">
					<div v-if="scope.row.modeOfPayment==1">微信</div>
					<div v-else-if="scope.row.modeOfPayment==2">支付宝</div>
					<div v-else-if="scope.row.modeOfPayment==0">余额</div>
					<div v-else>-</div>
				</template>
			</el-table-column>

			<el-table-column prop="payUser" label="付款对象">
				<template slot-scope="scope">
					<div v-if="scope.row.payUser==1">乘车人</div>
					<div v-if="scope.row.payUser==0">下单人</div>
				</template>
			</el-table-column>
			<el-table-column prop="addType" label="下单类型">
				<template slot-scope="scope">
					<div v-if="scope.row.addType==1">用户下单</div>
					<div v-if="scope.row.addType==2">司机下单</div>
				</template>
			</el-table-column>
			<el-table-column prop="moneyType" label="价格计算方式">
				<template slot-scope="scope">
					<div v-if="scope.row.moneyType==1">包时订单</div>
					<div v-if="scope.row.moneyType==2">按时长收费</div>
				</template>
			</el-table-column>
			<el-table-column prop="timeNum" label="时间数" width="160">
			</el-table-column>
			<el-table-column prop="startWaitTime" label="开始等待时间" width="160">
			</el-table-column>
			<el-table-column prop="endWaitTime" label="结束等待时间" width="160">
			</el-table-column>
			<el-table-column prop="waitTime" label="等待总时长(分钟)" width="160">
			</el-table-column>
			<el-table-column prop="freeWaitTime" label="免费等待时长" width="160">
			</el-table-column>
			<el-table-column prop="waitMoney" label="等待总费用" width="160">
			</el-table-column>

			<el-table-column prop="receivingTime" label="接单时间" width="160">
			</el-table-column>
			<el-table-column prop="finishTime" label="完成时间" width="160">
			</el-table-column>
			<el-table-column prop="createTime" label="创建时间" width="160">
			</el-table-column>

			<el-table-column prop="indentState" label="状态" fixed="right">
				<template slot-scope="scope">
					<div v-if="scope.row.indentState==0">待接单</div>
					<div v-if="scope.row.indentState==1">已接单</div>
					<div v-if="scope.row.indentState==2">进行中</div>
					<div v-if="scope.row.indentState==3">待支付</div>
					<div v-if="scope.row.indentState==4">已完成</div>
					<div v-if="scope.row.indentState==5">已取消</div>
				</template>
			</el-table-column>
			<el-table-column label="操作" width="120" fixed='right'>
				<template slot-scope="scope"> <!-- v-if="scope.row.indentState==0" -->
					<el-button size="mini" type="primary" plain v-if="scope.row.indentState==0"
							   :disabled="!isAuth('mission:kaishi')" @click="paidan(scope.row,1)"
							   style="margin: 3px;">派单</el-button>
					<el-button size="mini" type="primary" plain @click="getrecord(scope.row)"
							   style="margin: 3px;">录音列表</el-button>
					<el-button size="mini" type="primary" plain
							   v-if="scope.row.indentState==1||scope.row.indentState==2" :disabled="!isAuth('mission:kaishi')"
							   @click="paidan(scope.row,2)" style="margin: 3px;">转单</el-button>
					<el-button size="mini" type="warning" plain @click="dituguihua(scope.row)"
							   style="margin: 3px;">线路规划</el-button>
					<el-button size="mini" type="primary" v-if="scope.row.indentState==1"
							   :disabled="!isAuth('mission:kaishi')" @click="zhuandan(scope.row)"
							   style="margin: 3px;">开始服务</el-button>
					<el-button size="mini" type="primary" v-if="scope.row.indentState==2"
							   :disabled="!isAuth('mission:wancheng')" @click="wancheng(scope.row)"
							   style="margin: 3px;">师傅完成</el-button>
					<el-button size="mini" type="info" v-if="Number(scope.row.indentState)==1" style="margin: 3px;"
							   :disabled="!isAuth('mission:quxiao')" @click="compile(scope.$index, scope.row)">师傅取消订单
					</el-button>
					<el-button size="mini" type="primary" @click="jiashiBtn(scope.row)"
							   style="margin: 3px;">加时记录</el-button> <!-- v-if="scope.row.moneyType==1" -->
					<el-button size="mini" type="warning" v-if="scope.row.indentState!=4&&scope.row.indentState!=5&&scope.row.riderUserId"
							   :disabled="!isAuth('mission:wancheng')" @click="wanchengOr(scope.row)"
							   style="margin: 3px;">完成订单</el-button>
				</template>
			</el-table-column>
		</el-table>
		<div style="color: #B94A48;font-size: 20px;margin-top: 10px;" v-if="totalMoney">本页累计交易统计：{{totalMoney}}元
		</div>
		<div style="text-align: center;margin-top: 10px;float:right">
			<el-pagination @size-change="handleSizeChange2" @current-change="handleCurrentChange2"
						   :page-sizes="[10, 20, 30, 40]" :page-size="size" :current-page="page"
						   layout="total,sizes, prev, pager, next,jumper" :total="homeData.total">
			</el-pagination>
		</div>
		<!-- 师傅列表 -->
		<el-dialog title="师傅列表" :visible.sync="dialogFormVisible" center width="70%">
			<div style="margin:2% 0;display: inline-block;">
				<span>手机号:</span>
				<el-input style="width: 150px;" @keydown.enter.native="selectU" clearable placeholder="请输入手机号"
						  v-model="phoneU"></el-input>
			</div>
			<div style="margin:2% 0;display: inline-block;">
				<span>昵称:</span>
				<el-input style="width: 150px;" @keydown.enter.native="selectU" clearable placeholder="请输入昵称"
						  v-model="campus"></el-input>
			</div>
			<div style="display: inline-block;">
				<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="selectU">查询
				</el-button>
				<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="cleansU">重置
				</el-button>
			</div>
			<el-table v-loading="tableDataLoadingU" :data="userData.records">
				<el-table-column prop="userId" label="编号" width="80">
				</el-table-column>
				<el-table-column prop="nickName" label="用户昵称" width="120">
					<template slot-scope="scope">
						　<span style="color: #4f9dec;cursor: pointer;" @click="updates(scope.row.userId)"
							   v-text="scope.row.nickName"></span>
					</template>
				</el-table-column>
				<el-table-column prop="avatar" label="用户头像" width="100">
					<template slot-scope="scope">
						　　<img v-if="scope.row.avatar && scope.row.avatar!=''" :src="scope.row.avatar" width="40"
							   height="40" />
						<span v-else>暂无图片</span>
					</template>
				</el-table-column>
				<el-table-column prop="phone" label="手机号">
				</el-table-column>
				<el-table-column prop="createTime" label="创建时间" width="180">
				</el-table-column>
				<el-table-column label="操作" prop="id" width="100" fixed='right' align="center">
					<template slot-scope="scope">
						<el-button size="mini" type="primary" @click="userBtns(scope.row)">确认
						</el-button>
					</template>
				</el-table-column>
			</el-table>
			<div style="text-align: center;margin-top: 10px;">
				<el-pagination @size-change="handleSizeChangeU" @current-change="handleCurrentChangeU"
							   :page-sizes="[10, 20, 30, 40]" :page-size="limit1" :current-page="page1"
							   layout="total,sizes, prev, pager, next,jumper" :total="userData.total">
				</el-pagination>
			</div>
		</el-dialog>
		<!-- 修改备注时间 -->
		<el-dialog title="修改备注时间" :visible.sync="dialogFormVisibleBz" center>
			<div style="margin-bottom: 10px;">
				<span
					style="width: 200px;display: inline-block;text-align: right;position: relative;top: -70px;">备注：</span>
				<el-input style="width:50%;" v-model="content" type="textarea" :rows="4" placeholder="请输入备注">
				</el-input>
			</div>
			<div slot="footer" class="dialog-footer">
				<el-button @click="dialogFormVisibleBz = false">取 消</el-button>
				<el-button type="primary" @click="replyNoticeTo()">确 定</el-button>
			</div>
		</el-dialog>
		<!-- 加时记录 -->
		<el-dialog title="加时记录" :visible.sync="dialogFormVisibleJs" center width="80%">
			<div style="text-align: right;margin-right: 36px;">
				<el-button size="mini" type="primary" @click="jaishiAdd()">添加
				</el-button>
			</div>
			<el-table v-loading="tableDataLoadingU" :data="userDataJl.records">
				<el-table-column prop="recordId" label="编号" width="80">
				</el-table-column>
				<el-table-column prop="time" label="分钟数">
				</el-table-column>
				<el-table-column prop="createTime" label="创建时间">
				</el-table-column>
				<el-table-column label="操作" prop="id" width="100">
					<template slot-scope="scope">
						<el-button size="mini" type="danger" @click="jaishiDel(scope.row)">删除
						</el-button>
					</template>
				</el-table-column>
			</el-table>
			<div style="text-align: center;margin-top: 10px;">
				<el-pagination @size-change="handleSizeChangeJl" @current-change="handleCurrentChangeJl"
							   :page-sizes="[10, 20, 30, 40]" :page-size="limit1" :current-page="page1"
							   layout="total,sizes, prev, pager, next,jumper" :total="userDataJl.total">
				</el-pagination>
			</div>
		</el-dialog>
		<!-- 加时记录 -->
		<el-dialog title="加时" :visible.sync="dialogFormVisibleJsAdd" center>
			<div>
				<span style="width: 200px;display: inline-block;text-align: right;">加时类型：</span>
				<el-radio-group v-model="timeId">
					<el-radio v-for="(item,index) in dataList" :key="index" :label="item.timeId">
						时长：{{item.money}}/{{item.timeNum}}
						<span v-if="item.timeUnit==1">分钟</span>
						<span v-if="item.timeUnit==2">小时</span>
						<span v-if="item.timeUnit==3">天</span>
					</el-radio>
				</el-radio-group>
			</div>
			<div slot="footer" class="dialog-footer">
				<el-button @click="dialogFormVisibleJsAdd = false">取 消</el-button>
				<el-button type="primary" @click="changeSh()">确 定</el-button>
			</div>
		</el-dialog>
		<!-- 录音列表 -->
		<el-dialog title="查看录音列表" :visible.sync="recorddialogForm" center  :before-close="gbrecord">
			<el-table v-loading="recordListloading" :data="recordList">
				<el-table-column v-for='(s, i) in tableOption' :key='i' :prop='s.prop' :label='s.label'
								 align='center'/>
				<el-table-column label='操作' prop='enabled' fixed='right' width='300'>
					<template slot-scope="scope">
						<audio controls>
							<source :src="scope.row.soundPath" type="audio/mpeg">
						</audio>
					</template>
				</el-table-column>
			</el-table>
			<div slot="footer" class="dialog-footer">
				<el-button type="primary" @click="gbrecord()">关闭</el-button>
			</div>
		</el-dialog>
	</div>
</template>

<script>
import {
	quillEditor
} from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import quillConfig from '../locality/quill-config.js'
import axios from 'axios';
import {
	jsonp
} from 'vue-jsonp'
import {
	provinceAndCityData,
	regionData,
	provinceAndCityDataPlus,
	regionDataPlus,
	CodeToText,
	TextToCode
} from 'element-china-area-data'
var cityOptions = []
var geocoder, map, markersArray, infoWindow = [];
export default {
	components: {
		quillEditor,
	},
	data() {
		return {
			dialogWidth: 0,
			size: 10,
			page: 1,
			state: '',
			limit: 10,
			classify: 6,
			classifys: 6,
			openValue: 1,
			closeValue: 2,
			title: '',
			type: '',
			nav: '',
			keyword: '',
			describes: '',
			checkBoxData: [], //多选框选择的值
			method: 'false',
			formLabelWidth: '200px',
			activeName: 'first',
			tableDataLoading: true,
			tableDataLoading4: false,
			dialogFormVisible3: false,
			dialogFormVisible1: false,
			dialogFormVisible2: false,
			dialogFormVisible5: false,
			dialogFormVisible6: false,
			dialogFormVisible7: false,
			dialogFormVisible8: false,
			dialogFormVisible9: false,
			homeData: [],
			homeData1: [{
				title: '全部',
				id: ''
			}, {
				title: '即时代驾',
				id: 1
			},
				{
					title: '朋友代叫',
					id: 2
				},
				{
					title: '预约代驾',
					id: 3
				},
			],
			choicenData2: [],
			choicenData: [],

			url: '',
			imageUrl: '',
			imageUrl2: '',
			id: '',
			bannerData: [],
			form1: {
				// id: '',
				// url: '',
				// imageUrl: ''
			},
			formcomp: {
				id: '',
				state: '',
				title: '',
				url: '',
				imageUrl: ''
			},
			userId: '',
			search: '',
			myPhone: '',
			classifyIds: 0,
			statusId: 1,
			statuss: [{
				id: -1,
				title: '全部'
			},
				{
					id: 0,
					title: '待审核'
				},
				{
					id: 1,
					title: '上架'
				},
				{
					id: 2,
					title: '下架'
				},
				{
					id: 3,
					title: '驳回'
				}
			],
			// 房屋信息
			phone: '', //电话
			name: '', //标题
			userIdss: '', //用户id
			titleImg: '', //封面图
			img: [], //详情图
			status: '', //状态0待审核  1上架  2下架 3驳回 (修改添加不传)

			area: '', //大小
			house: '', //户型
			price: '', //价格
			labels: [], //标签集合

			remark: '', //描述
			editorOption: {},
			options: regionData,
			storeAddress: [],
			storeAddre: '请选择城市',
			province: '', //省
			city: '', //市
			district: '', //区
			ids: '', //信息id

			nickName: '',
			userIds: {}, //用户列表
			bq: '', //输入的标签名
			missions: 0,
			shenheId: 0, //审核id
			contents: '', //驳回理由
			dialogVisible: false,
			radio: 1,
			multipleSelection: [],
			campus: '',
			campus1: '',
			campusName: '',


			quillOption: quillConfig,
			statusIdd: 1,
			///   0待接单 1已接单 2进行中 3待支付 4已完成 5已取消
			statesnum1: [{
				value: '',
				label: '全部'
			},
				{
					value: 0,
					label: '待接单'
				},
				{
					value: 1,
					label: '已接单'
				}, {
					value: 2,
					label: '进行中'
				}, {
					value: 3,
					label: '待支付'
				}, {
					value: 4,
					label: '已完成'
				}, {
					value: 5,
					label: '已取消'
				}
			],
			statesnum: [{
				value: 0,
				label: '全部'
			},
				{
					value: 1,
					label: '待支付'
				}, {
					value: 2,
					label: '待接单'
				}, {
					value: 3,
					label: '已接单'
				}, {
					value: 4,
					label: '已完成'
				}, {
					value: 5,
					label: '已取消'
				}
			],
			// x新的
			indentType: '', //跑腿类型
			indentState: '', //任务状态
			flag: '',
			info: {
				stockDate: this.getNowTime(), //日期
			},
			flags: [{
				value: 'day',
				label: '按天查询'
			}, {
				value: 'month',
				label: '按月查询'
			}, {
				value: 'year',
				label: '按年查询'
			}],
			// 指派
			userData: {},
			phoneU: '',
			limit1: 10,
			page1: 1,
			dialogFormVisible: false,
			tableDataLoadingU: false,
			tableDataZd: [],
			laundryId: '',
			laundryIdU: '',

			// 添加/修改任务
			dialogFormVisibleRw: false,
			titles: '',
			buyType: '',
			productDetails: '', //商品信息
			deilveryAddressDetail: '', //收货详细地址
			deliveryAddress: '', //收货大概地址
			deliveryAddressA: '', //展示
			deliveryAddressLatitude: '', //收货地址纬度
			deliveryAddressLongitude: '', //收货地址经度
			deliveryUserName: '', //收货人姓名
			deliveryUserPhone: '', //收货人电话
			shipUserName: '', //发货人姓名
			shipAddressDetail: '师傅将在您附近3公里内购买', //指定详细地址
			shipAddress: '', //指定大概地址
			shipAddressA: '', //展示地址
			shipAddressLatitude: '', //指定地址纬度
			shipAddressLongitude: '', //指定地址经度
			sendOutTime: '立即送达',
			redPacketAmount: '',
			prepayMoney: '', //预估商品费
			tip: '', //小费
			itemCodeFlag: 0, //是否提供收货码 0是 1否
			nickNameRw: '',
			userIdRw: '',
			dialogFormVisibleDz: false,
			dizhiIndex: 1,
			weizhiIndex: 1, //1 发货；2收货
			serviceDetails: '', //物品信息
			distance: 3000, //预估距离
			errandMoney: 0, //跑腿费
			redPacketId: '', //红包id
			riderFine: 0, //师傅取消订单罚金
			userFine: 0, //用户取消订单罚金
			datesRq: '',
			times: '',
			indentBasicsMoney: 0, //基础价格
			redPacketTitle: '', //红包名称
			dingweiAddress: '',
			classifyId: '', //服务类型Id
			remarks: '', //备注
			itemWeight: '', //物品重量
			itemType: '', //物品类型
			cargoInsuranceFlag: 1, //是否保价 0是 1否
			itemMoney: 0, //物品价值

			homeData2: [], //服务类型集合
			addressId: '', //地址Id
			dizhiList: [], //用户地址列表
			address: '', //地址
			latitude: '', //纬度
			longitude: '', //经度
			redData: [], //红包列表
			dialogFormVisibleHb: false,
			info2: [{
				num: '0-25kg'
			}, {
				num: '26-30kg'
			}, {
				num: '31-40kg'
			}, {
				num: '41-50kg'
			}],
			wupin: [], //物品分类
			baojiafei: 0, //保价费
			teshuMoney1: 0,
			teshuMoney2: 0,
			jiajia1: 0,
			jiajia2: 0,
			jiajia3: 0,
			jiajia4: 0,
			phoneT: '',
			riderNickName: '',
			riderPhone: '',
			indentNumber: '',
			customPhone: '',
			totalMoney: 0,
			dialogFormVisibleDt: false,
			map: '',
			addOrUpdateVisible: false,
			typeIndex: '',
			dialogFormVisibleBz: false,
			ordersId: '',
			content: '',

			parentId: '',
			citys: [],
			citys2: [],
			cityId: '',

			dialogFormVisibleJs: false,
			userDataJl: {},
			moneyType: '', //价格计算方式 1包时订单 2按时长收费
			addType: '', //下单类型 1:用户下单 2:司机下单
			statesnum2: [{
				value: '',
				label: '全部'
			},
				{
					value: 1,
					label: '用户下单'
				}, {
					value: 2,
					label: '司机下单'
				},
			],
			statesnum3: [{
				value: '',
				label: '全部'
			},
				{
					value: 1,
					label: '包时订单'
				}, {
					value: 2,
					label: '按时长收费'
				},
			],
			dataList: [],
			dialogFormVisibleJsAdd: false,
			timeId: '',
			//   录音
			recorddialogForm:false,
			recordList:[],
			recordListloading:false,
			tableOption: [
				{label: '开始时间', prop: 'startTime'},
				{label: '结束时间', prop: 'endTime'},
				{label: '录音地址', prop: 'soundPath'},
			],
		}
	},
	methods: {
		audio(){

		},
		//查看录音列表
		getrecord(item){
			this.recordListloading = true
			this.$http({
				url:'/sqx_fast/admin/indentSounds/getIndentSoundsList',
				params:{indentId:item.indentId}
			}).then(res=>{
				this.recorddialogForm = true
				this.recordListloading = false
				this.recordList=res.data.data
				console.log('查看录音列表',res)
			})
		},
		gbrecord(){
			this.recorddialogForm = false
			this.recordListloading = false
			this.recordList=[]
		},
		//处理默认选中当前日期
		getNowTime() {
			var now = new Date()
			var year = now.getFullYear() //得到年份
			var month = now.getMonth() //得到月份
			var date = now.getDate() //得到日期
			var hh = now.getHours() < 10 ? '0' + now.getHours() : now.getHours()
			var mm = now.getMinutes() < 10 ? '0' + now.getMinutes() : now.getMinutes()
			var ss = now.getSeconds() < 10 ? '0' + now.getSeconds() : now.getSeconds()
			month = month + 1
			month = month.toString().padStart(2, '0')
			date = date.toString().padStart(2, '0')
			var defaultDate = `${year}-${month}-${date} ${hh}:${mm}:${ss}`
			return defaultDate
			this.$set(this.info, 'stockDate', defaultDate)
		},
		handleAvatarSuccess3(file) {
			this.formcomp.imageUrl = file.data
		},
		handleAvatarSuccess4(file) {
			this.imageUrl = file.data
		},

		handleSizeChange1(val) {
			this.limit = val
			this.homeSelect()
		},
		handleCurrentChange1(val) {
			this.page = val
			this.homeSelect()
		},
		handleSizeChange2(val) {
			this.limit = val
			this.homeSelect()
		},
		handleCurrentChange2(val) {
			this.page = val
			this.homeSelect()
		},
		handleSizeChangeU(val) {
			this.limit1 = val;
			this.dataSelectUser()
		},
		handleCurrentChangeU(val) {
			this.page1 = val;
			this.dataSelectUser()
		},
		handleSizeChangeUser(val) {
			this.limit1 = val
			this.userClass()
		},
		handleCurrentChangeUser(val) {
			this.page1 = val
			this.userClass()
		},
		handleClick(tab, event) {
			this.page = 1
			this.indentState = 0
			this.phoneT = ''

			// if (tab._props.label == '同城帮买') {
			//   this.indentType = 3
			//   this.homeSelect()
			// }
			// if (tab._props.label == '同城服务') {
			//   this.type = 1
			//   this.indentType = 4
			//   this.homeSelect()
			// }
			if (tab._props.label == '送取任务') {
				this.indentType = 1
				this.homeSelect()
			}
		},
		// 师傅取消订单
		compile(index, rows) {
			this.$confirm(`确定师傅要取消订单吗?`, '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: 'warning',
			}).then(() => {
				this.$http({
					url: this.$http.adornUrl('adminerrand/riderCancelIndent'),
					method: 'post',
					params: this.$http.adornParams({
						'userId': rows.riderUserId,
						'indentId': rows.indentId,
					})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.homeSelect()
							}
						})
					} else {
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {}
						})
					}
				})
			}).catch(() => {})
			// }).then((res) => {

			// }).catch(() => {
			// 	console.log('取消')
			// })
		},

		// 获取数据列表
		homeSelect() {
			this.totalMoney = 0
			this.tableDataLoading = true
			this.$http({
				url: this.$http.adornUrl(`adminerrand/findAllIndent`),
				method: 'post',
				params: this.$http.adornParams({
					'page': this.page,
					'limit': this.limit,
					'indentType': this.indentType,
					'deliveryUserPhone': this.phoneT,
					'indentState': this.indentState,
					'date': this.info.stockDate,
					'dateType': this.flag,
					'riderNickName': this.riderNickName,
					'riderPhone': this.riderPhone,
					'indentNumber': this.indentNumber,
					'shipUserPhone': this.shipUserPhone,
					'customPhone': this.customPhone,
					'cityId': this.cityId,
					'moneyType': this.moneyType,
					'addType': this.addType,


				})
			}).then(({
				data
			}) => {
				this.tableDataLoading = false
				let returnData = data.data
				this.homeData = data.data
				for (var i in this.homeData.records) {
					// this.homeData.list[i].goodsPriceZ = 0
					this.totalMoney = this.totalMoney + this.homeData.records[i].indentMoney

					// 	for (var j in this.tableData.list[i].orderGoodsList) {
					// 		this.tableData.list[i].orderGoodsList[j].goodsPriceZ = (this.tableData.list[i]
					// 			.orderGoodsList[j]
					// 			.goodsPrice * this.tableData.list[i].orderGoodsList[j].goodsNum)

					// 		this.tableData.list[i].goodsPriceZ = this.tableData.list[i].goodsPriceZ + this
					// 			.tableData.list[i].orderGoodsList[j].goodsPriceZ
					// 	}


				}
				this.totalMoney = this.totalMoney.toFixed(2)
			})
		},
		// 筛选信息
		animeDat2(classifyIds) {
			this.classifyIds = classifyIds
			this.homeSelect()
		},

		// 详情跳转
		updatesvideo(userId) {
			if (userId) {
				this.$router.push({
					path: '/userDetail',
					query: {
						userId: userId
					}
				})
			}

		},
		// 查询
		select() {
			this.page = 1
			this.limit = 10
			this.homeSelect()
		},
		// 重置
		cleans() {
			this.page = 1
			this.indentState = ''
			this.phoneT = ''
			this.riderNickName = ''
			this.riderPhone = ''
			this.shipUserPhone = ''
			this.flag = ''
			this.customPhone = ''
			this.indentNumber = ''
			this.cityId = ''
			this.parentId = ''
			this.moneyType = ''
			this.addType = ''
			this.indentType = ''
			this.info.stockDate = this.getNowTime()
			this.homeSelect()
		},
		// 订单分析选择日期
		animeOrder() {
			console.log('info', this.info)
			this.homeSelect()
			// this.colonel()
		},
		// 订单分析年月日
		orderfenxi(value) {
			this.page = 1
			let vanumber = value
			// if (vanumber === 1) {
			this.flag = value
			this.homeSelect()
			// this.colonel()
			// }
			// if (vanumber === 2) {
			// 	this.flag = 2
			// 	this.taskData()
			// 	this.colonel()
			// }
			// if (vanumber === 3) {
			// 	this.flag = 3
			// 	this.taskData()
			// 	this.colonel()
			// }
		},
		// 开始服务
		zhuandan(row) {
			this.$http({
				url: this.$http.adornUrl('adminerrand/riderStartDrive'),
				method: 'post',
				params: this.$http.adornParams({
					'userId': row.riderUserId,
					'indentId': row.indentId,
				})
			}).then(({
				data
			}) => {
				if (data.code == 0) {
					this.$message({
						message: '操作成功',
						type: 'success',
						duration: 1500,
						onClose: () => {
							this.homeSelect()
							// this.dialogFormVisible = false
						}
					})
				} else {
					this.$message({
						message: data.msg,
						type: 'warning',
						duration: 1500,
						onClose: () => {}
					})
				}


			})



		},

		// 师傅完成
		wancheng(row) {
			this.$http({
				url: this.$http.adornUrl('adminerrand/riderDelivery'),
				method: 'post',
				params: this.$http.adornParams({
					'userId': row.riderUserId,
					'indentId': row.indentId,
				})
			}).then(({
				data
			}) => {
				if (data.code == 0) {
					this.$message({
						message: '操作成功',
						type: 'success',
						duration: 1500,
						onClose: () => {
							this.homeSelect()
						}
					})
				} else {
					this.$message({
						message: data.msg,
						type: 'warning',
						duration: 1500,
						onClose: () => {}
					})
				}
			})
		},
		// 派单弹框
		paidan(row, index) {
			this.typeIndex = index
			this.ordersId = row.indentId
			this.page1 = 1
			this.campus = ''
			this.phoneU = ''
			this.laundryIdU = ''
			this.dataSelectUser()
			this.dialogFormVisible = true
		},
		// 确认选择
		userBtns(row) {
			var datas = {}
			datas.indentId = this.ordersId
			if (this.typeIndex == 1) {
				var url = 'adminerrand/distributionOrder'
				datas.userId = row.userId
			} else {
				var url = 'adminerrand/transferOfOrder'
				datas.riderUserId = row.userId
			}
			this.$http({
				url: this.$http.adornUrl(url),
				method: 'post',
				params: this.$http.adornParams(datas)
			}).then(({
				data
			}) => {
				if (data.code == 0) {
					this.$message({
						message: '操作成功',
						type: 'success',
						duration: 1500,
						onClose: () => {
							this.homeSelect()
							this.dialogFormVisible = false
						}
					})
				} else {
					this.$message({
						message: data.msg,
						type: 'warning',
						duration: 1500,
						onClose: () => {}
					})
				}


			})
		},
		// 获取数据列表
		dataSelectUser() {
			this.tableDataLoadingU = true
			this.$http({
				url: this.$http.adornUrl('user/getRiderList'),
				method: 'get',
				params: this.$http.adornParams({
					'page': this.page1,
					'limit': this.limit1,
					// 'member': this.member,
					'phone': this.phoneU,
					'nickName': this.campus,
					// 'userType': 2,
					// 'invitationCode': '',
					// 'platform': '',
					// 'onLineFlag':1,
				})
			}).then(({
				data
			}) => {
				this.tableDataLoadingU = false
				let returnData = data.data
				this.userData = returnData
			})
		},
		// 查询
		selectU() {
			this.page = 1
			this.dataSelectUser()
		},
		// 重置
		cleansU() {
			this.page1 = 1
			this.campus = ''
			this.phoneU = ''
			this.laundryIdU = ''
			this.dataSelectUser()
		},


		// 获取用户列表弹框
		userselect() {
			this.page1 = 1
			this.phone = ''
			this.nickName = ''
			this.dialogFormVisible3 = true
			this.userClass()
		},
		// 获取用户列表
		userClass() {
			let phone = ''
			if (this.phone) {
				phone = this.phone
			}
			let nickName = ''
			if (this.nickName) {
				nickName = this.nickName
			}
			this.tableDataLoading4 = true
			this.$http({
				url: this.$http.adornUrl('adminerrand/findAllUser'),
				method: 'get',
				params: this.$http.adornParams({
					'page': this.page1,
					'limit': this.limit1,
					// 'member': this.member,
					'phone': phone,
					'nickName': nickName,
					'userType': 1,
					'invitationCode': '',
					'platform': ''
				})
			}).then(({
				data
			}) => {
				this.tableDataLoading4 = false
				let returnData = data.data
				this.userIds = returnData
			})
		},
		// 查询用户列表
		userclick() {
			this.page1 = 1
			this.tableDataLoading4 = true
			this.userClass()
		},
		// 重置用户列表数据
		userclose() {
			this.page1 = 1
			this.phone = ''
			this.nickName = ''
			this.tableDataLoading4 = true

			this.userClass()
		},
		// 确定用户
		confirm(row) {
			this.userIdRw = row.userId
			this.nickNameRw = row.nickName
			// this.phone = row.phone
			if (this.nickNameRw == '' || this.nickNameRw == null) {
				this.nickNameRw = row.phone
			}
			this.dialogFormVisible3 = false
		},
		buyTypeBtn() {
			if (this.buyType == 0) {
				this.deliveryAddressA = '师傅将在您附近3公里内购买'
				this.shipAddress = ''
				this.shipAddressA = ''
			} else {
				this.deliveryAddressA = ''
				this.shipAddress = ''
				this.shipUserName = ''
				this.shipUserPhone = ''
				this.shipAddressA = ''
			}
		},
		// 选择服务类型
		guangaoSelect() {
			let page = this.page
			this.tableDataLoading = true
			this.$http({
				url: this.$http.adornUrl('app/servicetype/selectServiceTypeList'),
				method: 'get',
				params: this.$http.adornParams({
					// 'page': this.page,
					// 'limit': this.limit
				})
			}).then(({
				data
			}) => {
				this.tableDataLoading = false
				let returnData = data.data
				this.homeData2 = returnData
			})
		},
		// 获取物品类型获取物品类型
		xianshi() {
			this.$http({
				url: this.$http.adornUrl('common/type/334'),
				method: 'get',
				data: this.$http.adornData({})
			}).then(({
				data
			}) => {
				if (data.code == 0) {
					//this.wupin = data.data.value.split(',')
					this.wupin = data.data
				}
			})
		},
		// 线路规划弹框
		dituguihua(row) {
			var item = JSON.stringify(row)
			this.$router.push({
				path: '/dituguihua',
				query: {
					item: item
				}
			})

		},
		initMap() {
			var center = new TMap.LatLng(39.984104, 116.307503);
			//初始化地图
			var map = new TMap.Map("container", {
				rotation: 20, //设置地图旋转角度
				pitch: 30, //设置俯仰角度（0~45）
				zoom: 12, //设置地图缩放级别
				center: center //设置地图中心点坐标
			});
		},
		displayPolyline(pl) {
			// 创建 MultiPolyline显示路径折线
			var polylineLayer = new TMap.MultiPolyline({
				id: 'polyline-layer',
				map: map,
				styles: {
					style_blue: new TMap.PolylineStyle({
						color: '#3777FF',
						width: 8,
						borderWidth: 5,
						borderColor: '#FFF',
						lineCap: 'round',
					}),
				},
				geometries: [{
					id: 'pl_1',
					styleId: 'style_blue',
					paths: pl,
				}, ],
			});
		},
		// 修改备注、时间
		updateBz(row) {

			this.content = row.remarks
			this.ordersId = row.indentId
			this.dialogFormVisibleBz = true
		},
		// 修改
		replyNoticeTo() {
			if (this.content == '') {
				this.$notify({
					title: '提示',
					duration: 1800,
					message: '请输入备注',
					type: 'warning'
				});
				return
			}
			if (this.content.length > 100) {
				this.$notify({
					title: '提示',
					duration: 1800,
					message: '备注信息最多输入100字',
					type: 'warning'
				});
				return
			}
			this.$http({
				url: this.$http.adornUrl('indent/updateIndent'),
				method: 'post',
				// params: this.$http.adornParams({
				data: this.$http.adornData({
					'indentId': this.ordersId,
					'remarks': this.content,
				})
			}).then(({
				data
			}) => {
				if (data.code == 0) {
					this.$message({
						message: '修改成功',
						type: 'success',
						duration: 1500,
						onClose: () => {
							this.homeSelect()
						}
					})
					this.dialogFormVisibleBz = false
				} else {
					this.$message({
						message: data.msg,
						type: 'warning',
						duration: 1500,
						onClose: () => {}
					})
				}

			})
		},
		// 获取城市省份列表
		dataSelectCity() {
			this.$http({
				url: this.$http.adornUrl('admin/cityInfo/getCityInfoList'),
				method: 'get',
				params: this.$http.adornParams({
					'parentId': 0,
					'cityName': '',
				})
			}).then(({
				data
			}) => {
				if (data && data.code === 0) {
					let returnData = data.data;
					this.citys = returnData.records
				}

			})
		},
		// 获取城市
		dataSelectCity2() {
			this.$http({
				url: this.$http.adornUrl('admin/cityInfo/getCityInfoList'),
				method: 'get',
				params: this.$http.adornParams({
					'parentId': this.parentId,
					'cityName': '',
				})
			}).then(({
				data
			}) => {
				if (data && data.code === 0) {
					this.citys2 = data.data.records
				}

			})
		},
		handleChange() {
			this.cityId = ''
			this.dataSelectCity2()
		},
		// 加时记录
		jiashiBtn(row) {
			this.page1 = 1
			this.cityId = row.cityId
			this.ordersId = row.indentId
			this.dataSelectJs()
			this.dialogFormVisibleJs = true
		},
		dataSelectJs() {
			this.tableDataLoadingU = true
			this.$http({
				url: this.$http.adornUrl('admin/indentTimeRecord/getIndentTimeRecordList'),
				method: 'get',
				params: this.$http.adornParams({
					'page': this.page1,
					'limit': this.limit1,
					'indentId': this.ordersId,
				})
			}).then(({
				data
			}) => {
				this.tableDataLoadingU = false
				let returnData = data.data
				this.userDataJl = returnData
			})
		},
		handleSizeChangeJl(val) {
			this.limit1 = val;
			this.dataSelectJs()
		},
		handleCurrentChangeJl(val) {
			this.page1 = val;
			this.dataSelectJs()
		},
		// 添加加时
		jaishiAdd() {
			this.$http({
				url: this.$http.adornUrl('admin/packageTime/getPackageTimeList'),
				method: 'get',
				params: this.$http.adornParams({
					'page': 1,
					'limit': 30,
					'cityId': this.cityId,
				})
			}).then(({
				data
			}) => {
				let returnData = data.data
				this.dataList = returnData.records
			})
			this.timeId = ''
			this.dialogFormVisibleJsAdd = true
		},
		// 确认添加
		changeSh() {
			this.$http({
				url: this.$http.adornUrl('admin/indentTimeRecord/indentAddTime'),
				method: 'post',
				params: this.$http.adornParams({
					// data: this.$http.adornData({
					'indentId': this.ordersId,
					'timeId': this.timeId,

				})
			}).then(({
				data
			}) => {
				if (data.code == 0) {
					this.dialogFormVisibleJsAdd = false
					this.$message({
						message: '操作成功',
						type: 'success',
						duration: 1500,
						onClose: () => {
							this.dataSelectJs()
						}
					})
				} else {
					this.$message({
						message: data.msg,
						type: 'warning',
						duration: 1500,
						onClose: () => {}
					})
				}

			})
		},
		// 删除加时
		jaishiDel(row) {
			let delid = row.recordId
			this.$confirm(`确定删除此条信息?`, '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: ''
			}).then(() => {
				this.$http({
					url: this.$http.adornUrl('admin/indentTimeRecord/indentRemoveTime'),
					method: 'get',
					params: this.$http.adornParams({
						'recordId': delid
					})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.$message({
							message: '删除成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.dataSelectJs()
							}
						})
					} else {
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {}
						})
					}

				})
			}).catch(() => {})
		},
		// 完成订单
		wanchengOr(row) {
			this.$confirm(`确定完成订单?`, '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: ''
			}).then(() => {
				this.$http({
					url: this.$http.adornUrl('indent/accomplishOrders'),
					method: 'post',
					params: this.$http.adornParams({
						'indentId': row.indentId,
					})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.homeSelect()
							}
						})
					} else {
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {}
						})
					}
				})

			}).catch(() => {})


		},
	},
	mounted() {
		this.parentId = ''
		this.homeSelect()
		this.guangaoSelect()
		this.xianshi()
		this.dataSelectCity()
	}
}
</script>

<style>
.customWidth {
	width: 80% !important;
}

.adver_main.box {
	display: block;
	max-width: 100%;
	text-align: center;
	border: 1px dotted rgba(67, 79, 103, .4);
}

.cards {
	padding: 0 8px;
	margin-bottom: 15px;
}

.adver_main.box a {
	display: flex;
	justify-content: center;
	height: 150px;
	line-height: 150px;
	text-decoration: none
}

.bannerManin {
	border: 1px solid #e8e8e8;
	font-size: 14px;
	padding: 0 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 113px;
	color: rgba(0, 0, 0, .65);
}

.bannerManin span {
	display: inline-block;
	margin-left: 5px;
}

.bannerManin img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

.bannerbtn {
	display: flex;
	border-top: none !important;
	border: 1px solid #e8e8e8;
	padding: 11px;
	font-size: 14px;
	color: #3E8EF7;
}

.bannerbtn a {
	flex: 1;
	text-align: center;
	color: #3E8EF7 !important;
	text-decoration: none;
}

.imgs {
	position: relative;
	border-radius: 6px;
	width: 148px;
	height: 148px;
	margin-right: 10px;
	display: inline-block;
}

.dels {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.dels .el-icon-delete {
	line-height: 148px;
	padding-left: 58px;
	font-size: 25px;
	color: #fff;
}

.imgs:hover .dels {
	width: 100%;
	height: 100%;
	background: #000;
	display: block;
	opacity: 0.5;
}

.bqList {
	padding: 4px 14px;
	margin: 4px;
	border: 1px solid #efefef;
	font-size: 12px;
	color: #999;
	border-radius: 4px;
	margin-right: 15px;
}

.delss {
	display: none;
	position: relative;
}

.delss .el-icon-delete {
	position: absolute;
	top: 0;
}

.bqList:hover .delss {
	display: initial;
	opacity: 0.5;

}

.tj {
	padding: 6px !important;
	margin: 4px;
	font-size: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
</style>
